<%@ page language="java" import="java.util.*,com.mlqsknow.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<%@ taglib uri="/WEB-INF/tlds/messageTag.tld" prefix="msg"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>torchn官网</title>

	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta name="renderer" content="webkit">
	<meta name="description" content="登录页">
	<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0">
	<link rel="stylesheet" href="${pageContext.request.contextPath}/css/style.css">
	
	<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery/jquery-3.1.1.min.js"></script>
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<!-- <style type="text/css">
		 body{margin:0;padding: 0;}
		.headerdiv{height:20px;width:100%;background-color: #FFEC8B;}
		.maindiv{height:100%;width:100%;min-height:768px;min-width:1024px;background-color:lightblue;margin-top:0px;padding-top: 0px;}
		.bottomdiv{height:100px;background-color:grey;}
		.textcss{height:30px;width:300px;}
		.logindiv{width:300px;height:200px;padding-left:7px;padding-right:7px;margin: 0 auto;overflow: hidden;margin-top: 5%; border-style:solid; border-width:8px; border-color:white}
		.usernamecss{padding: 9px 0px 8px 20px;background-image:url("http://localhost:8080/Light/img/login/input_icons.png");background-position:-5px -108px;background-repeat: no-repeat;}
		.pwdcss{padding: 9px 0px 8px 20px;background-image:url("http://localhost:8080/Light/img/login/input_icons.png");background-position:-5px -187px;background-repeat: no-repeat;}
	</style> -->
	
	<script type="text/javascript">
	
	</script>
  </head>
  
  <body>
  <div class="login-page">
  		<div class="left header-logo"><img class="header-logo-img" src="images/header_logo.png" /></div>
  		<label style="float:right;margin:20px 20px 20px 20px;cursor:pointer;" onclick="changeLanguage('en')" ><font color="white">English</font></label>
  		<label style="float:right;margin:20px 0px 0px 0px;cursor:pointer;" ><font color="white">|</font></label>
  		<label style="float:right;margin:20px;cursor:pointer;" onclick="changeLanguage('zh')"><font color="white">中文</font></label>
		<div style="width:300px; position:absolute; top:200px; left:30%; margin-left:-500px;color:white;font-size: 20;">
  			TORCHN App可以实时为您提供状态信息以及配置具有支持外接蓝牙/Wi-Fi的产品。

			<br>实时数据：</br>
				从您的电池监视器获取即时数据。
			<br>
			<br>读取历史数据：</br>
			您可以根据图表一目了然地获取历史数据，以便查看长期以来设备的运行状态。
			<br>
			<br>设备配置：</br>
			只需打开您的手机蓝牙/Wi-Fi，在手机屏幕上点击几下即可配置设备，界面简单明了。
			<br>
			<br>更多功能：</br>
			支持微信等第三方登陆方式、用户信息个性化设计等。
			<br>
			<br>目前App所支持的TORCHN产品：</br>
			均衡器；
			采集器；
			US2400锂电池；
			逆变器；
			控制器；
			DC-DC变压器。
		</div>
		<div style="width:100px; position:absolute; top:180px;left:30%; margin-left:-200px;color:white;font-size: 20;">
			<img style="width: 313px; height: 556px; padding: 10px 0 0 10px;" src="img/torchn/torchn_login.jpg" />
		</div>
		<div style="width:100px; position:absolute; top:180px; left:30%; margin-left:140px;color:white;font-size: 20;">
			<img style="width: 313px; height: 556px; padding: 10px 0 0 10px;" src="img/torchn/torchn_device.jpg" />
		</div>
		<div style="width:100px; position:absolute; top:180px; left:30%; margin-left:490px;color:white;font-size: 20;">
			<img style="width: 313px; height: 556px; padding: 10px 0 0 10px;" src="img/torchn/torchn_battery.jpg" />
		</div>
		<div style="width:100px; position:absolute; top:180px; left:30%; margin-left:840px;color:white;font-size: 20;">
			<img style="width: 313px; height: 556px; padding: 10px 0 0 10px;" src="img/torchn/torchn_detail.jpg" />
		</div>
		<div style="position:absolute;bottom:-20px;margin-left: 500px;margin:0 auto;">版权所有：扬州东泰电源有限公司  || <a style="padding-left:10px;" href="http://www.beian.miit.gov.cn/"> 苏ICP备19074649号-2</a></div>
	</div>
  </body>
</html>
